<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>jQuery Tabs滑动选项卡</title>

<link type="text/css" href="../css/style.css" rel="stylesheet" th:href="@{/static/css/style.css}"/>
<link rel="stylesheet" href="../css/common_206ed20.css" th:href="@{/static/css/common_206ed20.css}">
<link rel="stylesheet" href="../css/widget_0b71d5e.css" th:href="@{/static/css/widget_0b71d5e.css}">
<link rel="stylesheet" href="../css/notice_1e296c5.css" th:href="@{/static/css/notice_1e296c5.css}">
</head>
<body>

<!--<div class="mt-tabpage" js-tab="2">
	<div class="mt-tabpage-title">
		<a href="javascript:;" class="mt-tabpage-item mt-tabpage-item-cur">公告</a>
		<a href="javascript:;" class="mt-tabpage-item">决定</a>
		<a href="javascript:;" class="mt-tabpage-item">会议</a>
	</div>
	<div class="mt-tabpage-count">
		<ul class="mt-tabpage-cont__wrap">
			<li class="mt-tabpage-item">Cont1</li>
			<li class="mt-tabpage-item">Cont2</li>
			<li class="mt-tabpage-item">Cont3</li>
		</ul>
	</div>
</div>-->

<div class="mt-tabpage" js-tab="3">
	<div class="mt-tabpage-title">
		<a href="javascript:;" class="mt-tabpage-item mt-tabpage-item-cur">考试</a>
		<a href="javascript:;" class="mt-tabpage-item">商城</a>
		<a href="javascript:;" class="mt-tabpage-item">其他</a>
	</div>
	<div class="mt-tabpage-count">
		<ul class="mt-tabpage-cont__wrap">
			<li class="mt-tabpage-item">
				<div data-log-from="Notice" class="p-notice-cont w-feed-notice" style="">
					<div class="w-feed">
						<div class="w-feed-container" th:remove="(${newslist} == null)? all:none">
							<div class="new-message" th:each="news:${newslist}" th:remove="(${news.newsType} == 0 )? none:all" th:with="newstime=${news.newsTime}">
								<img src="../img/wenda_logo_9a612b2.png" th:src="@{static/img/wenda_logo_9a612b2.png}" width="40" height="40"  style="float: left;"/>
								<div class="cont">
									<p><a  th:text="${news.newsContent}" th:href="toentrance">消息内容</a></p> 
							 		<div class="datetime" th:text="${#dates.format(newstime,'yyyy-MM-dd hh:mm:ss')}">
							            2019/06/15 20:35
							        </div>
								</div>
							</div>
						</div>
				</div>
			</div>
			</li>
			<li class="mt-tabpage-item">
				<div data-log-from="Notice" class="p-notice-cont w-feed-notice" style="">
					<div class="w-feed">
						<div class="w-feed-container" th:remove="(${newslist} == null)? all:none">
							<div class="new-message" th:each="news:${newslist}" th:remove="(${news.newsType} == 1 )? none:all" th:with="newstime=${news.newsTime}">
								<img src="../img/wenda_logo_9a612b2.png" th:src="@{static/img/wenda_logo_9a612b2.png}" width="40" height="40"  style="float: left;"/>
								<div class="cont">
									<p><a  th:text="${news.newsContent}">消息内容</a></p> 
							 		<div class="datetime" th:text="${#dates.format(newstime,'yyyy-MM-dd hh:mm:ss')}">
							            2019/06/15 20:35
							        </div>
								</div>
							</div>
						</div>
				</div>
				</div>
			</li>
			<li class="mt-tabpage-item">
				<div data-log-from="Notice" class="p-notice-cont w-feed-notice" style="">
					<div class="w-feed">
						<div class="w-feed-container" th:remove="(${news} == null)? all:none">
							<div class="new-message" th:each="new:${news}" th:remove="(${new.newsType} == 2 )? none:all" th:with="newstime=${news.newsTime}">
								<img src="../img/wenda_logo_9a612b2.png" th:src="@{static/img/wenda_logo_9a612b2.png}" width="40" height="40"  style="float: left;"/>
								<div class="cont">
									<p><a data-log="Visit_Answer|From_AnswerLink" th:href="" th:text="${new.newsContent}">消息内容</a></p> 
							 		<div class="datetime" th:text="${#dates.format(newstime,'yyyy-MM-dd hh:mm:ss')}">
							            2019/06/15 20:35
							        </div>
								</div>
							</div>
					</div>
				</div>
				</div>
			</li>
		</ul>
	</div>
</div>

<script type="text/javascript" src="../js/jquery-3.1.0.min.js" th:src="@{/static/js/jquery-3.1.0.min.js}"></script>
<script type="text/javascript" src="../js/mt-tabpage.js" th:src="@{/static/js/mt-tabpage.js}"></script>
<script type="text/javascript">
$(function () {

//	$('[js-tab=2]').tab({
//		mouse: 'over',   //切换方式：over，click
//		autoPlay: true,  //播放方式：false，true
//		curDisplay: 1,     //当前第一个打开
//		changeMethod: 'horizontal'  //切换选项：默认default，horizontal，vertical，opacity这4种方式
//	});

	$('[js-tab=3]').tab({
		curDisplay: 1,
		changeMethod: 'horizontal'
	});
	
});
</script>
</body>
</html>